ul{
	padding: 0;
	marign: 0;
	list-style: none;
}

a{
	text-decoration:none;
}

img{
	width: 100%;
}

.slider-wrap{
	position: relative;
	width: 590px;
	height: 470px;
	margin: 100px auto;
}

.slider-wrap .slider{
	height: 100%;
}

.slider-wrap .slider-list{
	height: 100%;
	position: relative;
}

.slider-wrap .item{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slider-wrap .item.cur{
	display: block;
}

.slider-wrap .indicator{
	position: absolute;
	left: 46px;
	bottom: 20px;
	width: 152px;
	height: 18px;
}

.slider-wrap .indicator .indicator-item{
	display: block;
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 1px;
	cursor: pointer;
}

.slider-wrap .indicator .indicator-item::after{
	content: "";
	display: block;
	position:absolute;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	box-sizing: border-box;
	transition: all .3s;
}

.slider-wrap .indicator .indicator-item.cur::after{
	background-color: #fff;
}

.slider-wrap .indicator .indicator-item::before{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 50%;
	transition: all .3s;
}

.slider-wrap .indicator .indicator-item.cur::before{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 50%;
}

.slider-wrap .slider-btn{
	display: block;
	position: absolute;
	top: 50%;
	width: 25px;
	height: 40px;
	margin-top: -20px;
	background-color: rgba(0, 0, 0, .15);
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	transition: all .3;
}

.slider-wrap .slider-btn:hover{
	background-color: rgba(0, 0, 0, .4)
}

.slider-wrap .slider-btn.forward{
	right: 0;
}